{extend name="public:_base_login" /}

{block name="main"}

<style>
    .denglu {
        height: 600px;
        background: #fff;
    }

    .denglu-frist2 .denglu-first2-content {
        margin: 0;
    }

    .denglu-frist2 {
        margin-top: 50px;
        background: none;
    }
</style>

<!-- 内容 -->

<!--整体内容开始-->
<div class="denglu">
    <!--第一部分内容开始-->
    <div class="denglu-first1">
        <div class="denglu-first1-content">
            <div class="denglu-first1-content-left">
                <div class="logo">
                    <img src="__STATIC__/admin/login/images/hand-logo.png"  />
                </div>
                <div class="biaoti">
                    <p>{$system.title.value}</p>
                </div>
            </div>

            <div class="denglu-first1-content-right">
                <p class="jiamengrexian">{:lang('24 hours a nationwide free service hotline')}</p>
                <p class="dianhua">{$system.advisory.value}</p>
            </div>
        </div>
    </div>
    <!--第一部分内容结束-->

    <!--第二部分内容开始-->
    <div class="denglu-frist2">

        <div class="denglu-first2-content">

            <!-- 中间内容 -->
            <div class="contact-wap">

                <div class="case-title">

                    <form class="form form-horizontal" action="{:url('login/reg')}" method="post" id="form">
                        <div class="row cl">
                            <label class="form-label col-xs-3 col-ms-3"><i class="Hui-iconfont">&#xe60d;</i></label>
                            <div class="formControls col-xs-6 col-ms-6">
                                <input name="name" type="text" placeholder="{:lang('Please fill in the account')}" class="input-text size-L" datatype="*" nullmsg="{:lang('Please fill in the account')}">
                            </div>

                        </div>

                        <div class="row cl">
                            <label class="form-label col-xs-3 col-ms-3"><i class="Hui-iconfont">&#xe60e;</i></label>
                            <div class="formControls col-xs-6 col-ms-6">
                                <input name="password" type="password" placeholder="{:lang('enter password')}" class="input-text size-L"
                                       datatype="*6-16"
                                       nullmsg="{:lang('enter password')}" errormsg="{:lang('Password range between 6 ~ 16!')}">
                            </div>
                            <div class="col-xs-3 col-ms-3"></div>

                        </div>

                        <div class="row cl">
                            <label class="form-label col-xs-3 col-ms-3"><i class="Hui-iconfont">&#xe60e;</i></label>
                            <div class="formControls col-xs-6 col-ms-6">
                                <input name="password_confirm" type="password" placeholder="{:lang('confirm password')}" class="input-text size-L" datatype="*"
                                       recheck="password" nullmsg="{:lang('Please re-enter the password!')}" errormsg="{:lang('You enter the account password twice inconsistent!')}">
                            </div>
                            <div class="col-xs-3 col-ms-3"></div>

                        </div>

                        <div class="row cl">
                            <label class="form-label col-xs-3 col-ms-3"><i class="Hui-iconfont">&#xe60e;</i></label>
                            <div class="formControls col-xs-6 col-ms-6">
                                <input name="mobile" type="text" placeholder="{:lang('phone')}" class="input-text size-L" datatype="m"
                                       nullmsg="{:lang('phone')}">
                            </div>
                            <div class="col-xs-3 col-ms-3"></div>

                        </div>

                        <div class="row cl">
                            <label class="form-label col-xs-3 col-ms-3"><i class="Hui-iconfont">&#xe60e;</i></label>
                            <div class="formControls col-xs-6 col-ms-6">
                                <input name="mail" type="mail" placeholder="{:lang('email')}" class="input-text size-L" datatype="e"
                                       nullmsg="{:lang('email')}">
                            </div>
                            <div class="col-xs-3 col-ms-3"></div>

                        </div>

                        <div class="row cl">
                            <div class="formControls col-xs-6 col-ms-6 col-xs-offset-3 col-ms-offset-3">
                                <input class="input-text size-L" type="text" name="captcha" placeholder="{:lang('code')}"
                                       style="width:100px;min-width: auto" datatype="*" nullmsg="{:lang('Please fill in the verification code!')}">
                                <img id="captcha" src='{:captcha_src()}' onclick='this.src = "{:captcha_src()}"' alt='{:lang('code')}'
                                     title='看不清验证码，点击刷新!'/>
                            </div>
                            <div class="col-xs-3 col-ms-3"></div>

                        </div>

                        <div class="row cl">
                            <div class="formControls col-xs-8 col-xs-offset-3">
                                <input name="" type="submit" class="btn radius btn-success radius size-L"
                                       value="&nbsp;{:lang('save')}&nbsp;">
                                <input name="" type="reset" class="btn radius btn-default radius size-L"
                                       value="&nbsp;{:lang('cancel')}&nbsp;">
                                <a class="btn radius btn-default radius size-L" href="{:url('login/index')}">{:lang('Already have an account? Login')}</a>

                            </div>
                        </div>

                    </form>

                </div>
            </div>
            <!-- #中间内容 -->

        </div>

    </div>
    <!--第二部分内容结束-->

</div>
<!--整体内容结束-->
<!--登录尾部内容开始-->
<div class="denglu-footer">
    <div class="denglu-footer-content">
        {$system.count.value}
        <a href="#">首页</a>&nbsp; |&nbsp;
        <a href="#">小程序</a> &nbsp;|&nbsp;
        <a href="#">案例中心</a>&nbsp;|&nbsp;
        <a href="#">新闻中心</a>&nbsp;|&nbsp;
        <a href="#">关于我们</a>&nbsp;
    </div>
</div>
<!--登录尾部内容结束-->

<!-- #内容 -->
{/block}


{block name="js"}
<script type="text/javascript" src="__STATIC__/admin/hui/lib/Validform/v5.3.2/Validform_v5.3.2_min.js"></script>

<script>

    $("#form").Validform({
        tiptype: 2,
        ajaxPost: true,
        showAllError: true,
        callback: function (data) {
            if (data.status == "y") {
                location.href = '{$Request.get.callback ?: \\think\\Url::build("index/index")}';
            } else {
                setTimeout(function () {
                    $.Hidemsg(); //公用方法关闭信息提示框;显示方法是$.Showmsg("message goes here.");
                }, 1500);
                $("#captcha").click();
                $("[name='captcha']").val('');
            }
        }
    });
</script>
{/block}
